$(function () {
    (function () {
        $.jgrid.defaults.styleUI = 'Bootstrap';
        var h = document.documentElement.clientHeight || document.body.clientHeight;
        var jq_data = new Object();
        var choose_data = new Object();
        // 初始化jqGrid实时数据表格
        $('#dish_sales').jqGrid({
            data: [],
            datatype: "local",
            shrinkToFit: true,
            //列名称
            colNames:['菜品名称','销售总份数','销售总价格','当前排名',''],
            // 常用到的属性
            colModel:[
                {name:'cook_menu_name'},
                {name:'num'},
                {name:'total_price'},
                {name:'sort_name'},
                {name:'cook_menu_id',hidden:true}              
            ],
            rownumbers : false,             //是否显示行号  
            loadonce:true,
            rowNum : 20,                    // 默认的每页显示记录条数  
            rowList : [20,40,60],         // 可供用户选择的每页显示记录条数。  
            pager : '#dish_sales_pager',         // 导航条对应的Div标签的ID,注意一定是DIV，不是Table  
            sortname : 'SYS_RES_ID',        // 默认的查询排序字段  
            viewrecords : true,             // 定义是否在导航条上显示总的记录数  
            autowidth : true,               //定义表格是否自适应宽度
            caption: "订单详情展示",      //定义表格的标题
            height:h-200,
            hidegrid: true,                 //定义是否可以显示隐藏表格
            onSelectRow:function (rowid,status) {

            },
            loadComplete:function(xhr){
                // console.log(xhr); 
            },
        });
        //加载工具栏，并且隐藏之前页面定义的按钮
        $("#dish_sales").jqGrid('navGrid', '#dish_sales_pager', {
            edit: false,
            add: false,
            del: false,
            search: true
        }, {
            height: 200,
            reloadAfterSubmit: true
        });
        // 组织选择的数据
        choose_data = {
            times:$('#times').val(),
            sort_rule:$('#sort_rule').val()
        };
        // ajax请求初始化数据数据对jqgrid进行数据渲染
        function get_jqgrid (choose_data) {
            async('../DishSales/dish_sales_data','post',choose_data,function (data) {
                if (data.code == 0) {
                    jq_data = data.message;
                    $("#dish_sales").jqGrid('clearGridData');  //清空表格
                    $("#dish_sales").jqGrid('setGridParam',{  // 重新加载数据
                        datatype:'local',
                        data :jq_data, 
                    }).trigger("reloadGrid");
                }            
            });
        }
        get_jqgrid(choose_data);
        // 初始化所有窗口下拉框内容
        var selectArr = document.getElementById('choose_form').getElementsByTagName('select');
        for (var i = 0; i < selectArr.length; i++) {
            selectArr[i].addEventListener('change',function() {
                choose_data = {
                    times:$('#times').val(),
                    sort_rule:$('#sort_rule').val()
                };
                get_jqgrid(choose_data);
            },false)
        }
    })();
});